@import 'ng-devui/styles-var/devui-var.scss';

.layout-wrapper {
    margin-top: 36px;

    &:first-child {
        margin-top: 0;
    }

    d-header {
        padding-top: 36px;
        text-align: center;
        background-color: $devui-brand; // TODO: color not variable
        color: $devui-brand-foil;
        img{
            box-shadow: $devui-shadow-length-base $devui-light-shadow;
            border-radius: 50%;
        }
    }

    d-content {
        text-align: center;
        background-color: $devui-global-bg;
        h2{
            line-height: 56px;
        }
        p{
            line-height: 26px;
            font-size: 16px;
        }
    }

    d-footer {
        line-height: 56px;
        color: $devui-brand-foil;
        background-color: $devui-brand-active;
        padding: 8px 24px;
        
        font-size: 12px;
    }
}